<header>
    <div class="brand-logo"><a href="index">n3ctar</a></div>
    <a href="#menu" id="toggle-menu"><i class="fa fa-bars"></i></a>
    <nav class="main-nav">
        <ul>
            <li><a href="servicios" data-name="servicios"><i class="fa fa-superscript"></i><span>servicios</span></a></li>
            <li><a href="casos" data-name="casos"><i class="fa fa-eye"></i><span>casos</span></a></li>
            <li><a href="postmarketing" data-name="postmarketing"><i class="fa fa-flask"></i><span>postmarketing</span></a></li>
        </ul>
        <p id="hover-show"></p>
        <div class="contact">
            <p id="hover-show-c">contacto</p>
            <a id="contact" href="#" data-dropdown="drop" class="dropdown">
                <i class="fa fa-envelope-o"></i>
            </a>
            <h5><i class="fa fa-envelope-o"></i><span>contacto</span></h5>
            <div id="drop" data-dropdown-content class="f-dropdown">
                <div class="group">
                    <p><strong>Email</strong></p>
                    <p><a href="mailTo:sabrina@n3ctar.com.ar">sabrina@n3ctar.com</a></p>
                </div>
                <div class="group">
                    <p><strong>Oficinas</strong></p>
                    <p>zapiola 1811, Buenos Aires, <br />Argentina</p>
                </div>

                <div class="social">
                    <a href="https://www.facebook.com/postmark3ting" target="_blank"><i class="fa fa-facebook-square"></i></a>
                    <a href="https://twitter.com/Postmark3ting" target="_blank"><i class="fa fa-twitter-square"></i></a>
                </div>
            </div>
        </div>
    </nav>
</header>